<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<meta name="description" content="自己动手，丰衣足食。" />
		<meta name="author" content="kaneren" />
		<base target="_blank" />
		<link rel="icon" href="img/favicon.png" />
		<title>Navi | 关于</title>

		<style>
			body {
				background-image: url(img/about.jpg);
				background-size: cover;
			}
			
			.head {
				color: gold;
				text-align: center;
			}
			
			p {
				font-size: 1.3em;
			}
			
			p a:link,
			p a:visited {
				color: orange;
				text-decoration: none;
				transition: color 2s, font-size 2s;
			}
			
			p a:hover {
				color: yellow;
				text-decoration: none;
				font-size: 1.5em;
			}
		</style>

		<!-- Bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- font-awesome -->
		<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.css" />

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<div class="container" style="color: white;">

			<br />
			<div class="head">
				<h1>关于</h1></div>
			<hr />
			<p>本导航网页始建于 2016 年 8月 初，初步完成于 8月 3 日。详细搭建过程见
				<a href="http://rrkaige.com/2016/08/03/%E6%88%91%E7%9A%84%E4%B8%AA%E4%BA%BA%E5%AF%BC%E8%88%AA%E7%BD%91%E9%A1%B5/">我的个人导航网页</a>。
			</p>
			<p>本站基于
				<a href="http://zh.wikipedia.org/wiki/Html5">HTML5</a>技术，
				<a href="http://getbootstrap.com/">Bootstrap</a>技术，
				<a href="https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8#CSS3">CSS3</a>技术构建。
			</p>

			<hr />
			<h3 style="color: gold; text-align: center;">V1.0</h3>
			<p>2016/08/05，添加
				<a href="http://www.tianqi.com/plugin/">天气插件</a>，页脚（底部导航条），增加一些链接</p>
			<p>2016/08/09，添加
				<a href="http://www.qq.com/404/">腾讯公益404</a>，在文件夹下添加`404.html`即可；页脚由底部固定导航条改为底部栏</p>
			<p>2016/08/10，添加
				<a href="http://fontawesome.io/">Font-awesome</a>，GitHub图标</p>
			<p>2016/08/11，添加爱心图标，设置颜色</p>
			<p>2016/08/18，增加一些链接</p>
			<p>2016/08/20，添加关于(个人博客文章)，更改
				<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">许可协议</a>
			</p>
			<p>2016/08/21，更改关于，添加关于页面，修改栅格系统以适应移动设备，增加
				<a href="http://chabudai.org/blog/?p=59">人体时钟</a>
			</p>
			<p>
				2016/08/22，添加
				<a href="http://ip.chinaz.com/">IP显示插件</a>，更改一些链接，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160827-navi1.png">主页面效果</a>，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160827-navi2.png">关于页面效果</a>
			</p>
			<p>
				2016/08/26，添加背景图，并对页面做相应更改，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160827-navi3.png">主页面效果</a>，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160827-navi4.png">关于页面效果</a>
			</p>

			<hr />
			<h3 style="color: gold; text-align: center;">V2.0</h3>
			<p>
				2016/09/08，重新修改大部分代码，使用CSS简化代码，更换背景图，更改一些链接，删除404页面，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160908-navi1.png">主页面效果</a>，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160908-navi2.png">关于页面效果</a>
			</p>
			<p>2016/09/12，添加搜索框和链接栏背景透明度鼠标悬浮变化效果</p>
			<p>
				2016/09/14，添加文字、容器的阴影效果，文字、鼠标悬浮的过渡效果，页面小修改，
				<a href="http://ob0mgqhy4.bkt.clouddn.com/20160914-navi.png">主页面效果</a>
			</p>
			<p>2016/09/17，更改一些链接</p>
			<p>2016/09/18，修改链接和超链接样式</p>
			<p>2016/09/28，更改一些链接</p>
			<p>2016/11/22，更改网页域名，详见
				<a href="http://rrkaige.com/2016/11/22/%E5%9F%9F%E5%90%8D/">域名</a>
			</p>
			<p>2017/06/15，更改一些链接</p>

			<hr />
			<h3 style="color: gold; text-align: center;">V3.0</h3>
			<p>2018/11/11，从GitHub迁移到Gitee，删除题头、人体时钟、天气插件、IP显示插件，整理超链接，替换失效的背景图</p>

		</div>
		<!-- /.container -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
	</body>

</html>